.editForm{
    display: none;
}
#jsonTable>thead{
    border: 1px;
    color: blue;
    border: 1px crimson;
}
#jsonTable>tbody{
    border: 1px;
    color: red;
}
#jsonTable>tfoot{
    border: 1px;
    color: green;
}
.jsonButton{
    background-color: aqua
}

/* 借鉴https://panjiachen.gitee.io/vue-element-admin/#/table/complex-table */
:focus {
    outline: -webkit-focus-ring-color auto 5px;
}
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
div {
    display: block;
}
body {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
.app-main{
    min-height: calc(100vh - 128px);
    overflow: hidden;
    position: relative;
    width: 100%;
}
section{
    display: block;
}
.app-container{
    padding: 20px;
}
.filter-container{
    padding-bottom: 10px;
}
.filter-container .filter-item {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}
.el-input {
    display: inline-block;
    font-size: 14px;
    position: relative;
    width: 100%;
}
.el-input--medium {
    font-size: 14px;
}
.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px;
}
.el-input--suffix .el-input__inner {
    padding-right: 30px;
}
.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px;
}
.el-input__inner {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

button, input {
    overflow: visible;
}
.el-select {
    display: inline-block;
    position: relative;
}
.el-select>.el-input {
    display: block;
}
.el-input__prefix, .el-input__suffix {
    -webkit-transition: all .3s;
    color: #c0c4cc;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
}
.el-input__suffix, .el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none;
}
.el-input__suffix {
    -webkit-transition: all .3s;
    right: 5px;
    transition: all .3s;
}
.el-input__suffix-inner {
    pointer-events: all;
}
.el-select .el-input .el-select__caret {
    -webkit-transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    color: #c0c4cc;
    cursor: pointer;
    font-size: 14px;
    transform: rotate(180deg);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.el-input--medium .el-input__icon {
    line-height: 36px;
}
.el-input__icon {
    height: 100%;
    line-height: 40px;
    text-align: center;
    width: 25px;
}
.el-input__icon, .el-input__prefix {
    -webkit-transition: all .3s;
    transition: all .3s;
}
[class*=" el-icon-"], [class^=el-icon-] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: element-icons!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    vertical-align: baseline;
}
.el-icon-arrow-up:before {
    content: "\e632";/*下*/
    font-family: "dbl-icon-base" !important;
}
.el-input__icon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/* 箭头翻转动画 */
.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
/* 下拉框 */
.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700;
}
.el-popper[x-placement^=bottom] {
    margin-top: 12px;
}
.el-select-dropdown {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 5px 0;
    position: absolute;
    z-index: 1001;
}
.el-scrollbar {
    overflow: hidden;
    position: relative;
}
.el-scrollbar__wrap {
    height: 100%;
    overflow: scroll;
}
.el-select-dropdown__wrap {
    max-height: 274px;
}
.el-select-dropdown__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa;
}
.el-select-dropdown__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 按钮 */
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.el-button {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -webkit-transition: .1s;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 12px 20px;
    text-align: center;
    transition: .1s;
    white-space: nowrap;
}
.el-button--medium {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 20px;
}
.el-button, .el-checkbox, .el-step__icon-inner {
    -moz-user-select: none;
    -ms-user-select: none;
}
.el-button, .el-checkbox, .el-slider__button, .el-step__icon-inner {
    -webkit-user-select: none;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
/* 按钮颜色 */
.el-button--primary {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
}
.el-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}
.el-icon-search:before {
    content: "\e63f";
    font-style: normal;
    font-family: "dbl-icon-base" !important;
}
.el-icon-add:before {
    content: "\e6df";
    font-style: normal;
    font-family: "dbl-icon-base" !important;
}
.el-input__inner:hover{
    border-color: #c0c4cc;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}
.el-select .el-input.is-focus .el-input__inner {
    border-color: #409eff;
}
.el-table--border.el-loading-parent--relative{
    border-color: transparent;
}
.waves-ripple.z-active {
    -webkit-transform: scale(2);
    -webkit-transition: opacity 1.2s ease-out,-webkit-transform .6s ease-out;
    opacity: 0;
    transform: scale(2);
    transition: opacity 1.2s ease-out,-webkit-transform .6s ease-out;
    transition: opacity 1.2s ease-out,transform .6s ease-out;
    transition: opacity 1.2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;
}
.waves-ripple {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transform: scale(0);
    -webkit-user-select: none;
    background-clip: padding-box;
    background-color: rgba(0,0,0,.15);
    border-radius: 100%;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: scale(0);
    user-select: none;
}


/* 表格 */
.el-table--border {
    border-right: none;
    border-bottom: none;
}
.el-table--border, .el-table--group {
    border: 1px solid #ebeef5;
}
.el-table--fit {
    border-right: 0;
    border-bottom: 0;
}
.el-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266;
}
.el-table, .el-table__expanded-cell {
    background-color: #fff;
}
/* 表头 */
.el-table__footer-wrapper, .el-table__header-wrapper {
    overflow: hidden;
}
.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
    width: 100%;
}
.el-table__body, .el-table__footer, .el-table__header {
    table-layout: fixed;
    border-collapse: separate;
}
.el-table thead {
    color: #909399;
    font-weight: 500;
}
.el-table th, .el-table tr {
    background-color: #fff;
}
.el-table th.is-sortable {
    cursor: pointer;
}
.el-table td, .el-table th.is-leaf {
    border-bottom: 1px solid #ebeef5;
}
.el-table td.is-center, .el-table th.is-center {
    text-align: center;
}
.el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5;
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5;
}
.el-table th {
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}
.el-date-table, .el-radio, .el-table th {
    -moz-user-select: none;
    -ms-user-select: none;
}
.el-pager, .el-radio, .el-table th {
    -webkit-user-select: none;
}
.el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell, .el-table th div {
    padding-left: 10px;
}
.el-table th>.cell {
    position: relative;
    word-wrap: normal;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
}
.el-table th>.cell, .el-table th div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
}
.el-table .cell, .el-table th div {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.el-table th div {
    line-height: 40px;
    white-space: nowrap;
}
.el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5;
}
.el-table td.gutter, .el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0;
}
.el-table--fit td.gutter, .el-table--fit th.gutter {
    border-right-width: 1px;
}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #ebeef5;
}
.el-table th {
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}
.el-table td, .el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
}
.el-date-table, .el-radio, .el-table th {
    -moz-user-select: none;
    -ms-user-select: none;
}
.el-pager, .el-radio, .el-table th {
    -webkit-user-select: none;
}
.el-table--medium td, .el-table--medium th {
    padding: 10px 0;
}

/* 表体 */
.el-table__body-wrapper {
    overflow: hidden;
    position: relative;
}
.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}
.fixed-width .el-button--mini {
    padding: 7px 10px;
    width: 60px;
}
.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px;
}
.el-button--mini, .el-button--small {
    font-size: 12px;
    border-radius: 3px;
}

/* 弹出框 */
.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}
.el-dialog {
    -webkit-transform: none;
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
}
.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: 50%; */
    width: 450px;
}
.el-dialog, .el-dialog__footer {
    -webkit-box-sizing: border-box;
}
.el-dialog__header {
    padding: 20px 20px 10px;
}
.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-close:before {
    content: "\e633";
    font-family: "dbl-icon-base" !important;
}
.el-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
}
.el-form-item {
    margin-bottom: 22px;
}
.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label {
    line-height: 36px;
}

.el-form--label-left .el-form-item__label {
    text-align: left;
}
.el-form-item__label {
    text-align: right;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-form-item__content .el-input-group, .el-form-item__label, .el-tag .el-icon-close {
    vertical-align: middle;
}
label {
    font-weight: 700;
}
.el-form-item.is-required .el-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}
.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.el-dialog, .el-dialog__footer {
    -webkit-box-sizing: border-box;
}
/* 遮罩 */
.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}